<template>
	<view
		class='rounded-xl p-3-1 row-center border b-active-op20'
		:class="[mb ? 'mb-2' : '']"
		hover-class="bg-primary-op20"
		hover-start-time="0"
		hover-stay-time="50"
		@click="$emit('touch')"
	>
		<view class='flex-1'>
			<view class='row-center mb-2'>
				<text class='text-l color-main block'>{{data.consigneeName}}</text>
				<view v-if="data.defaulted === 1" class="px-1 py-0-4 rounded-n bg-primary ml-1">
					<text class='text-xs color-white'>默认</text>
				</view>
			</view>
			<text class='text-n color-secondary'>{{data.province + data.city + data.area + data.detailAddress}}</text>
		</view>
		<view class='pl-3-1' @click.stop="$emit('touchIcon')">
			<text class='iconfont icon-you color-secondary text-xxl'></text>
		</view>
	</view>
</template>

<script setup>
defineProps({
	mb: Boolean,
	data: Object,
	selected: Boolean,
});
</script>

<style>
</style>